import React, { Component } from 'react'
import {View, Text,Image,ImageBackground} from 'react-native'
import { TouchableOpacity } from 'react-native-gesture-handler'
export default class Friends extends Component {
  render() {
    return (
     <View >
        {/* title  */}
        <View style={{height:100}}>
          <ImageBackground source={{uri:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1605357716407&di=5c5311b0abcbb4fa7efbc3d9aaf60aac&imgtype=0&src=http%3A%2F%2Fpic.616pic.com%2Fbg_w1180%2F00%2F05%2F60%2FLO4unutgQP.jpg'}}
            style={{height:100}}
          ></ImageBackground>
          <Text style={{position:'absolute',left:'48%',transform:[{translateX:-10}],
                        fontSize:22,color:'grey',bottom:10
        }}>消息</Text>
        <View style={{height:100,backgroundColor:'white'}}> 
          <View style={{flex:1,flexDirection:'row',justifyContent:'space-between',alignItems:'center',padding:10}}>
            <TouchableOpacity  style={{height:70,width:80,backgroundColor:'yellow',borderRadius:50,flex:1,justifyContent:'center',alignItems:'center'}}>
               <Image source={require('../../assets/img/quanbu.png')}
               
               ></Image>
                <Text>首页</Text>
            </TouchableOpacity>
            <TouchableOpacity  style={{height:70,width:80,backgroundColor:'pink',borderRadius:50,flex:1,justifyContent:'center',alignItems:'center'}}>
               <Image source={require('../../assets/img/dianzan.png')}></Image>
                <Text>点赞</Text>
            </TouchableOpacity>
            <TouchableOpacity  style={{height:70,width:80,backgroundColor:'lightblue',borderRadius:50,flex:1,justifyContent:'center',alignItems:'center'}}>
               <Image source={require('../../assets/img/pinglun.png')}></Image>
               <Text>评论</Text>
            </TouchableOpacity>
            <TouchableOpacity  style={{height:70,width:80,backgroundColor:'blue',borderRadius:50,flex:1,justifyContent:'center',alignItems:'center'}}>
               <Image source={require('../../assets/img/aixin.png')}></Image>
               <Text style={{color:'white'}}>喜欢</Text>
            </TouchableOpacity>
          </View>
        </View>
        </View>
        {/* 消息列表 */}
        <View style={{backgroundColor:'white',height:'70%',marginTop:120}}>

        </View>
     </View>
    )
  }
}
